<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
   		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>控件</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/share/button/toolbar.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/control/icons.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/button/toolbar.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/button/button.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/button/splitbutton.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/button/ribbon.css" rel="stylesheet" type="text/css" />
       
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/data/collectionbase.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/controls/iformcontrol.js" type="text/javascript"></script>
		<script src="../../py/system/controls/textbox.js" type="text/javascript"></script>
		<script src="../../py/system/controls/combinedtextbox.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
	</head>

<body>
   
   <div class="x-ribbon">
   		<div class="x-ribbon-tab">
   			<a title="文件" class="x-ribbon-menulauncher">
   				<span class="x-ribbon-menulauncher-left" unselectable="on"></span>
				<span class="x-ribbon-menulauncher-content" unselectable="on">文件</span>
				<span class="x-ribbon-menulauncher-right" unselectable="on"></span>
			</a>
   			<ul class="x-list-container x-ribbon-tab-container">
   				<li class="x-list-content x-active x-ribbon-tab-content"><a class="x-ribbon-title">开始</a></li>
				<li class="x-list-content x-ribbon-tab-content"><a class="x-ribbon-title">关于</a></li>
				<li class="x-list-content x-ribbon-tab-content"><a class="x-ribbon-title">下载</a></li>
   			</ul>
   		</div>
   		<ul class="x-list-container x-ribbon-container">
   			<li class="x-list-content x-ribbon-content" style="_width:200px;">
   				<div class="x-buttongroup" style="_width:100px;">
					<div class="x-buttongroup-container">
						
						<a class="x-buttongroup-content x-button x-splitbutton" style="*width: 40px;">
							<span class="x-button-container">
								<button style="*width: 40px;" type="button"><span class="x-icon x-icon-layout"></span></button><span class="x-split"></span><span class="x-button-menu"  onclick="this.innerHTML = '#' + this.innerHTML;"><span class="x-button-label">按钮</span></span>
							</span>
						</a>
						
						<a class="x-buttongroup-content x-button x-menubutton"><span class="x-button-container"><button type="button" onclick="this.innerHTML = '#' + this.innerHTML"><span class="x-icon x-icon-layout"></span><span class="x-button-label">按钮</span><span class="x-button-menu"></span></button></span></a>
			
						
						<span class="x-buttongroup-content" style="_width:50px;">
							<div class="x-buttongroup-content-three"><span class="x-button x-normal"><span class="x-button-container"><button type="button" onclick="this.innerHTML += '$'">按钮</button></span></span>
								</div>
							<div class="x-buttongroup-content-three"><span class="x-button x-normal"><span class="x-button-container"><button type="button" onclick="this.innerHTML += '$'">按钮</button></span></span>
								</div>
							<div class="x-buttongroup-content-three"><a class="x-button x-splitbutton x-normal" onmousedown="changeState.call(this, true); " onmouseup="changeState.call(this, false); ">
				<span class="x-button-container">
					<button type="button" onclick="this.firstChild.innerHTML = '#' + this.firstChild.innerHTML"><span class="x-button-label">按钮</span></button><span class="x-split">&nbsp;</span><span class="x-button-menu" onclick="alert('sub');">&nbsp;</span>
				</span>
			</a>		</div>
						</span>
						
						<span class="x-buttongroup-content" style="_width:40px;">
							<div class="x-buttongroup-content-two">

								
								<a class="x-button" onmousedown="changeState.call(this, true); " onmouseup="changeState.call(this, false); ">
				<span class="x-button-container">
					<button type="button" onclick="this.firstChild.innerHTML = '#' + this.firstChild.innerHTML"><span class="x-icon x-icon-layout">&nbsp;</span><span class="x-button-label">按钮</span></button>
				</span>
			</a>
								
							</div>
							<div class="x-buttongroup-content-two"><a class="x-button x-menubutton" onmousedown="changeState.call(this, true); " onmouseup="changeState.call(this, false); ">
				<span class="x-button-container">
					<button type="button" onclick="this.firstChild.innerHTML = '#' + this.firstChild.innerHTML"><span class="x-button-label">按钮</span><span class="x-button-menu">&nbsp;</span></button>
				</span>
			</a>
								</div>
						</span>
					
						<span class="x-buttongroup-content">
							<div class="x-buttongroup-content-one">
								ssss
							</div>
						</span>
						
					</div>
					<div class="x-buttongroup-title">内容2</div>
				</div>
					
   			</li>
			<li class="x-list-content x-ribbon-content" style="_width:200px;">
				<div class="x-buttongroup" style="_width:100px;">
	   				<div class="x-ribbon-item-container">sss</div>
					<div class="x-buttongroup-title">内容</div>
				</div>
   			</li>
   		</ul>
   </div>
   
   
   
   
					
					
					<span class="x-button"><span class="x-button-container"><button type="button" onclick="alert('ok')">按钮</button></span></span>
</body>
</html>
